<template>
  <div class="platform">
    <div class="title">
      <p>● 旗下平台 ●</p>
      <p>ONLINE PLATFORM</p>
    </div>
    <ul class="list container">
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
      <li><a href=""><img src="/hyswssd.png" alt=""></a></li>
    </ul>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import './index';
.platform{
  .title{
    @include font-title;
  }
  .list{
    display: flex;
    flex-wrap: wrap;
    li{
      width: 230px;
      height: 130px;
      margin: 8px;
      border: 2px solid #E6E6E9;
      &:hover{
        border: 2px solid #4276EF;
      }
      a{
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}
</style>
